<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <title>意见反馈</title>
    <link rel="stylesheet" href="css/wap/main.css"/>
</head>
<body>
    <div class="Mask advice_Mask"></div>
    <div class="exchange_mask advice_mask">
        <p class="mask_p1">温馨提示</p>
        <p class="mask_p2">您的建议我们已经收到，我们会尽快回复您！感谢您对我们的支持！</p>
        <p class="mask_p3 xz_open"><a>确定</a></p>
    </div>
    <div class="loading">
        <img src="images/wap/loading.gif" alt="">
        <p>努力加载中...</p>
    </div>
    <div class="loading failLoading">
        <img src="images/wap/loading.gif" alt="">
        <p>出错了~稍后再试试吧</p>
        <p><a>重新加载</a></p>
    </div>
    <div class="advice">
        <p>给我们留言:<span>请输入您的宝贵问题或建议</span></p>
        <textarea name="" id="" placeholder="请输入您的宝贵问题或建议" maxlength="50"></textarea>
<!--         <p class="textarea_info">456</p>
 -->        <p class="advice_phone">联系方式:(选填)<span></span></p>
        <input type="text" placeholder="QQ/手机号/邮箱"   pattern="(^1[34578]\d{9}$|^\d{6,10}$|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$)">
        <p class="advice_btn"><a>提交</a></p>
    </div>
    <script>
        var input=document.querySelector(".advice input");
        input.onblur=function(){
            if(this.validity.patternMismatch){
                var msg="请输入正确的QQ/手机号/邮箱";
            }else{
                var msg="";
                infoValid=true;
            }
            var info=document.querySelector(".advice_phone span");
            info.innerHTML=msg;
        }
        // var textarea_info=document.querySelector(".advice .textarea_info");
        // textarea_info.onblur=function(){
        //     console.log(2);
        //     if(this.innerHTML.length>=50){
        //         console.log(11);
        //     }
        // }
    </script>
</body>
</html>























